<template>
	<view class="demo">

        <u-button @tap="goto('/pages/demo/article/list')" type="primary" text="文章方案DEMO（列表&详情&评论）" :color="$config.color" customStyle="margin-top:20rpx;width:90%;"></u-button>

        <u-button @tap="goto('/pages/demo/mescroll-swiper')" type="primary" text="mescroll-swiper (tab间可左右滑动)" :color="$config.color" customStyle="margin-top:20rpx;width:90%;"></u-button>

        <u-button @tap="goto('/pages/demo/mescroll-more')" type="primary" text="mescroll-more (支持吸顶)" :color="$config.color" customStyle="margin-top:20rpx;width:90%;"></u-button>

        <u-button @tap="goto('/pages/demo/mescroll-waterfall')" type="primary" text="mescroll-waterfall (瀑布流 / 表单大全)" :color="$config.color" customStyle="margin-top:20rpx;width:90%;"></u-button>

        <u-button @tap="goto('/pages/demo/mescroll-msg')" type="primary" text="mescroll-msg (聊天记录)" :color="$config.color" customStyle="margin-top:20rpx;width:90%;"></u-button>

        <u-button @tap="goto('/pages/demo/form')" type="primary" text="Form表单大全" :color="$config.color" customStyle="margin-top:20rpx;width:90%;"></u-button>

        <u-button @tap="goto('/pages/demo/cell')" type="primary" text="cell 列表" :color="$config.color" customStyle="margin-top:20rpx;width:90%;"></u-button>

	</view>
</template>
<script>
export default {
	data () {
		return {
		}
	},
    /**
     * 页面onLoad加载事件
     */
    onLoad() {
    },
	methods: {
	}
}
</script>
<style>
.demo {
	display: flex;
	align-items: center;
	flex-direction: column;
}
</style>